<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>产品中心</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/products.css">
    <style>
        .noBlack::before{
            display: none !important;
        }
    </style>
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1 active">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a  class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                        <a   class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 ">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <div class="banner">
            <img src="./images/pbanner.png" alt="">
            <div class="text">
                <p class="p1">product</p>
                <p class="p2">SCM磁悬浮晶圆转台</p>
                <div class="p3">
                    <p>满足高洁净旋转运动</p>
                </div>
            </div>
            <div class="types">
                <div class="items">
                    <a class="item active">
                        <div class="p1">
                            <p>磁悬浮转台</p>
                        </div>
                    </a>
                    <div class="item">
                        <div class="p1">
                            <p>磁悬浮泵</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path d="M18 9L12 15L6 9" stroke="white" stroke-width="2" stroke-linecap="round" />
                            </svg>
                        </div>
                        <div class="aList animated fadeIn">
                            <a href="">磁悬浮转台</a>
                            <a href="">磁悬浮转台</a>
                            <a href="">磁悬浮转台</a>
                            <a href="">磁悬浮转台</a>
                        </div>
                    </div>
                    <a class="item">
                        <div class="p1">
                            <p>能源</p>
                        </div>
                    </a>
                    <a class="item">
                        <div class="p1">
                            <p>化工</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="main">
            <div class="section1">
                <div class="intro">
                    Supermag®磁悬浮晶圆转台，为半导体设备中晶圆支撑和旋转而设计，使用先进的磁悬浮轴承与电机集成控制技术，打破了国外多年的技术垄断，且部分参数远超过国外技术水平。转子悬浮在空中旋转，无摩擦、无动密封、不产生颗粒，可应用于氧化、扩散和退火、快速热处理(RTP)、快速退火(RTA)、快速热氧化(RTO)、快速热氮化(RTN)、ALD、CVD(DPN)、单片晶圆清洗、MOCVD、蚀刻、旋涂等高端芯片的制程工艺中。
                </div>
                <div class="video">
                    <video id="video" preload="metadata" loop="loop" muted="muted" playsinline="playsinline"
                        webkit-playsinline="webkit-playsinline" x5-video-player-type="h5"
                        x5-video-player-fullscreen="true" data-object-fit="cover" x5-video-orientation="portrait"
                        data-autoplay="">
                        <source src="https://qiniu.mfdemo.cn/songyan/video.mp4" controlsList="">
                    </video>
                    <div class="play">
                        <img src="./images/play.png" alt="">
                    </div>
                    <div class="close animated fadeIn">
                        <img src="./images/close.svg" alt="">
                    </div>
                </div>
            </div>
            <div class="types">
                <div class="item active">
                    产品亮点
                </div>
                <div class="item">
                    产品系列
                </div>
                <div class="item">
                    参数特征
                </div>
                <div class="item">
                    相关资料
                </div>
            </div>
            <div class="section2 section_click">
                <div class="t">产品亮点</div>
                <div class="list1">
                    <div class="item">
                        <div class="text">
                            <div class="icon">
                                <img src="./images/c1.png" alt="">
                            </div>
                            <p class="p1">无机械摩擦、高洁净</p>
                            <div class="des">
                                无机械摩擦、高洁净技术具有许多优势，使其成为各种应用的宝贵选择。
                            </div>
                        </div>
                        <div class="pic">
                            <img src="./images/c.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="text">
                            <div class="icon">
                                <img src="./images/c1.png" alt="">
                            </div>
                            <p class="p1">无机械摩擦、高洁净</p>
                            <div class="des">
                                无机械摩擦、高洁净技术具有许多优势，使其成为各种应用的宝贵选择。
                            </div>
                        </div>
                        <div class="pic">
                            <img src="./images/c.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="list2">
                    <div class="item">
                        <div class="icon">
                            <img src="./images/c2.png" alt="">
                        </div>
                        <div class="text">
                            <p class="p1">寿命长</p>
                            <div class="des">
                                LED灯泡比卤素灯和HID灯更节能，可减少燃料消耗和碳排放。
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon">
                            <img src="./images/c3.png" alt="">
                        </div>
                        <div class="text">
                            <p class="p1">响应速度快</p>
                            <div class="des">
                                LED灯泡比卤素灯和HID灯更节能，可减少燃料消耗和碳排放。
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon">
                            <img src="./images/c4.png" alt="">
                        </div>
                        <div class="text">
                            <p class="p1">节能</p>
                            <div class="des">
                                LED灯泡比卤素灯和HID灯更节能，可减少燃料消耗和碳排放。
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon">
                            <img src="./images/c5.png" alt="">
                        </div>
                        <div class="text">
                            <p class="p1">体积小</p>
                            <div class="des">
                                LED灯泡比卤素灯和HID灯更节能，可减少燃料消耗和碳排放。
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section3 section_click">
                <div class="t">产品系列</div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="./products.html">
                                <div class="pic">
                                    <img src="./images/pro.png" alt="">
                                </div>
                                <div class="pt">
                                    <p>SCM磁悬浮晶圆转台</p>
                                </div>
                                <div class="text">
                                    <div class="db">
                                        <p class="p1">Supermag®  SCP600</p>
                                        <div class="ds">
                                            <p class="pd1">最大流量</p>
                                            <p class="pd2">75 L/min</p>
                                        </div>
                                        <div class="ds">
                                            <p class="pd1">最大压头</p>
                                            <p class="pd2">3.2 Bar</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="./products.html">
                                <div class="pic">
                                    <img src="./images/pro.png" alt="">
                                </div>
                                <div class="pt">
                                    <p>SCM磁悬浮晶圆转台</p>
                                </div>
                                <div class="text">
                                    <div class="db">
                                        <p class="p1">Supermag®  SCP600</p>
                                        <div class="ds">
                                            <p class="pd1">最大流量</p>
                                            <p class="pd2">75 L/min</p>
                                        </div>
                                        <div class="ds">
                                            <p class="pd1">最大压头</p>
                                            <p class="pd2">3.2 Bar</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="./products.html">
                                <div class="pic">
                                    <img src="./images/pro.png" alt="">
                                </div>
                                <div class="pt">
                                    <p>SCM磁悬浮晶圆转台</p>
                                </div>
                                <div class="text">
                                    <div class="db">
                                        <p class="p1">Supermag®  SCP600</p>
                                        <div class="ds">
                                            <p class="pd1">最大流量</p>
                                            <p class="pd2">75 L/min</p>
                                        </div>
                                        <div class="ds">
                                            <p class="pd1">最大压头</p>
                                            <p class="pd2">3.2 Bar</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="./products.html">
                                <div class="pic">
                                    <img src="./images/pro.png" alt="">
                                </div>
                                <div class="pt">
                                    <p>SCM磁悬浮晶圆转台</p>
                                </div>
                                <div class="text">
                                    <div class="db">
                                        <p class="p1">Supermag®  SCP600</p>
                                        <div class="ds">
                                            <p class="pd1">最大流量</p>
                                            <p class="pd2">75 L/min</p>
                                        </div>
                                        <div class="ds">
                                            <p class="pd1">最大压头</p>
                                            <p class="pd2">3.2 Bar</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section4 section_click">
                <div class="t">参数特征</div>
                <div class="html">
                    <img src="./images/table.png" alt="">
                </div>
            </div>

            <div class="section5 section_click">
                <div class="t">相关资料</div>
                <div class="list">
                    <div class="item">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/d1.png" alt="">
                            </div>
                            <p>Brochure</p>
                        </div>
                        <a>
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"
                                fill="none">
                                <path
                                    d="M21.4158 8.09633H14.6635L13.9995 6.81174C13.3199 5.5479 13.1412 4.89453 12.0824 4.89453H6.58312C5.52424 4.89453 4.66602 5.75281 4.66602 6.81171V21.1903C4.66602 22.2492 5.52429 23.1075 6.58312 23.1075H21.4158C22.4747 23.1075 23.3329 22.2492 23.3329 21.1903V10.0135C23.3329 8.9546 22.4746 8.09633 21.4158 8.09633ZM17.292 17.2658C17.292 17.2658 14.7308 19.5985 14.3631 19.7441C13.7807 20.164 13.5235 19.7441 13.5235 19.7441C13.5235 19.7441 10.4729 17.3531 10.1586 16.9557C10.0057 16.3198 10.2217 16.2616 10.2217 16.2616H12.6647V12.2959C12.6647 11.8058 12.9563 11.4557 13.4708 11.4557H14.4535C14.9655 11.4563 15.1875 11.8653 15.1875 12.3488V16.2622H17.5074C18.1664 16.6244 17.2921 17.2657 17.2921 17.2657L17.292 17.2658Z"
                                    fill="#1280C4" />
                            </svg>
                            <p>下载</p>
                        </a>
                    </div>
                    <div class="item">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/d2.png" alt="">
                            </div>
                            <p>说明书</p>
                        </div>
                        <a>
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"
                                fill="none">
                                <path
                                    d="M21.4158 8.09633H14.6635L13.9995 6.81174C13.3199 5.5479 13.1412 4.89453 12.0824 4.89453H6.58312C5.52424 4.89453 4.66602 5.75281 4.66602 6.81171V21.1903C4.66602 22.2492 5.52429 23.1075 6.58312 23.1075H21.4158C22.4747 23.1075 23.3329 22.2492 23.3329 21.1903V10.0135C23.3329 8.9546 22.4746 8.09633 21.4158 8.09633ZM17.292 17.2658C17.292 17.2658 14.7308 19.5985 14.3631 19.7441C13.7807 20.164 13.5235 19.7441 13.5235 19.7441C13.5235 19.7441 10.4729 17.3531 10.1586 16.9557C10.0057 16.3198 10.2217 16.2616 10.2217 16.2616H12.6647V12.2959C12.6647 11.8058 12.9563 11.4557 13.4708 11.4557H14.4535C14.9655 11.4563 15.1875 11.8653 15.1875 12.3488V16.2622H17.5074C18.1664 16.6244 17.2921 17.2657 17.2921 17.2657L17.292 17.2658Z"
                                    fill="#1280C4" />
                            </svg>
                            <p>下载</p>
                        </a>
                    </div>
                    <div class="item">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/d3.png" alt="">
                            </div>
                            <p>测试报告</p>
                        </div>
                        <a>
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"
                                fill="none">
                                <path
                                    d="M21.4158 8.09633H14.6635L13.9995 6.81174C13.3199 5.5479 13.1412 4.89453 12.0824 4.89453H6.58312C5.52424 4.89453 4.66602 5.75281 4.66602 6.81171V21.1903C4.66602 22.2492 5.52429 23.1075 6.58312 23.1075H21.4158C22.4747 23.1075 23.3329 22.2492 23.3329 21.1903V10.0135C23.3329 8.9546 22.4746 8.09633 21.4158 8.09633ZM17.292 17.2658C17.292 17.2658 14.7308 19.5985 14.3631 19.7441C13.7807 20.164 13.5235 19.7441 13.5235 19.7441C13.5235 19.7441 10.4729 17.3531 10.1586 16.9557C10.0057 16.3198 10.2217 16.2616 10.2217 16.2616H12.6647V12.2959C12.6647 11.8058 12.9563 11.4557 13.4708 11.4557H14.4535C14.9655 11.4563 15.1875 11.8653 15.1875 12.3488V16.2622H17.5074C18.1664 16.6244 17.2921 17.2657 17.2921 17.2657L17.292 17.2658Z"
                                    fill="#1280C4" />
                            </svg>
                            <p>下载</p>
                        </a>
                    </div>
                    <div class="item">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/d3.png" alt="">
                            </div>
                            <p>采购信息（发货清单）</p>
                        </div>
                        <a>
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"
                                fill="none">
                                <path
                                    d="M21.4158 8.09633H14.6635L13.9995 6.81174C13.3199 5.5479 13.1412 4.89453 12.0824 4.89453H6.58312C5.52424 4.89453 4.66602 5.75281 4.66602 6.81171V21.1903C4.66602 22.2492 5.52429 23.1075 6.58312 23.1075H21.4158C22.4747 23.1075 23.3329 22.2492 23.3329 21.1903V10.0135C23.3329 8.9546 22.4746 8.09633 21.4158 8.09633ZM17.292 17.2658C17.292 17.2658 14.7308 19.5985 14.3631 19.7441C13.7807 20.164 13.5235 19.7441 13.5235 19.7441C13.5235 19.7441 10.4729 17.3531 10.1586 16.9557C10.0057 16.3198 10.2217 16.2616 10.2217 16.2616H12.6647V12.2959C12.6647 11.8058 12.9563 11.4557 13.4708 11.4557H14.4535C14.9655 11.4563 15.1875 11.8653 15.1875 12.3488V16.2622H17.5074C18.1664 16.6244 17.2921 17.2657 17.2921 17.2657L17.292 17.2658Z"
                                    fill="#1280C4" />
                            </svg>
                            <p>下载</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="getIn">
            <div class="box">
                <div class="t1">是否需要了解更多信息呢？</div>
                <div class="pics">
                    <div class="pic1">
                        <img src="./images/g1.png" alt="">
                    </div>
                    <div class="line">
                        <span></span>
                    </div>
                    <div class="pic2">
                        <img src="./images/g2.png" alt="">
                    </div>
                </div>
                <a href="./contact.html" class="contact_btn">
                    <p>联系我们</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none">
                        <path
                            d="M8.85007 3.83424L1.66673 11.0176L0.483398 9.83424L7.66673 2.65091H1.35007V0.984244H10.5167V10.1509H8.85007V3.83424Z"
                            fill="white" />
                    </svg>
                </a>
            </div>
        </div>


        <div class="foot">
            <div class="dom">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                         </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>

        <div class="dialog animated fadeIn">
            <div class="content">
                <div class="t">
                    <p>填写您的信息</p>
                    <div class="close">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                            <path d="M9.33325 9.33337L22.6666 22.6667" stroke="#333333" stroke-width="2.66667"
                                stroke-linecap="round" />
                            <path d="M9.33325 22.6667L22.6666 9.33337" stroke="#333333" stroke-width="2.66667"
                                stroke-linecap="round" />
                        </svg>
                    </div>
                </div>
                <form class="form" action="javascript:;">
                    <div class="item">
                        <div class="tag">姓名<span>*</span></div>
                        <input type="text" class="name" required>
                    </div>
                    <div class="item">
                        <div class="tag">城市<span>*</span></div>
                        <input type="text" class="city" required>
                    </div>
                    <div class="item">
                        <div class="tag">电子邮箱<span>*</span></div>
                        <input type="text" class="email" required>
                    </div>
                    <div class="item">
                        <div class="tag">公司<span>*</span></div>
                        <input type="text" class="company" required>
                    </div>
                    <div class="item">
                        <div class="tag">电话<span>*</span></div>
                        <input type="text" class="phone" required>
                    </div>
                    <div class="item">
                        <div class="tag">具体需求<span>*</span></div>
                        <textarea class="message" required></textarea>
                    </div>
                    <div class="notice">
                        <div class="k"></div>
                        <div class="pt">
                            <p>我已阅读并同意苏磁科技公司</p>
                            <a href="">个人信息保护政策</a>
                        </div>
                    </div>
                    <button class="submit">提交</button>
                </form>
            </div>
        </div>


    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();

        var swiper = new Swiper('.section3 .swiper-container', {
            speed: 1000,
            init: true,
            loop: false,
            spaceBetween: '2.5%',
            slidesPerView: 1.5,
            autoplay: {
                delay: 8000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    slidesPerView: 4,
                }
            }
        });

        $('.section5 .list .item a').click(function(){
            $('.dialog').css({'display':'flex'})
        })
        $('.dialog .notice').click(function(){
            $(this).children('.k').toggleClass('fill')
        })
        $('.dialog .close').click(function(){
            $('.dialog').css({'display':'none'})
        })

        $('.dialog .submit').click(function () {
            var name = $('.name').val();
            var city = $('.city').val();
            var phone = $('.phone').val();
            var email = $('.email').val();
            var company = $('.company').val();
            var message = $('.message').val();


            if (name == '') {
                alert("请输入姓名")
                return false;
            }
            if (city == '') {
                alert("请输入城市")
                return false;
            }
            if (!validateEmail(email)) {
                alert("请输入正确邮箱")
                return false;
            }
            if (company == '') {
                alert("请输入公司名称")
                return false;
            }
            if (!validatePhone(phone)) {
                alert("请输入正确电话")
                return false;
            }
            if (message == '') {
                alert("请输入具体需求")
                return false;
            }
            if (!$('.dialog .notice .k').hasClass('fill')) {
                alert("请先同意隐私政策")
                return false;
            }

            $('.dialog form').trigger('reset');
            $('.dialog .notice .k').removeClass('fill')

            $('.dialog').css({ 'display': 'none' })
        })


        $('.section1 .video .play').click(function () {
            document.getElementById("video").play();
            $('.home .main .section1 .video').addClass('noBlack')
            $('.section1 .video video').prop('controls', true);
            $('.section1 .video video').prop('controlsList', 'nodownload');
            $(this).css({ 'opacity': '0' })
            $('.section1 .video .close').css({ 'display': 'block' })
        })

        $('.section1 .video .close').click(function () {
            document.getElementById("video").pause();
            $('.home .main .section1 .video').removeClass('noBlack')
            $('.section1 .video video').prop('controls', false);
            $('.section1 .video video').prop('controlsList', '');
            $('.section1 .video .play').css({ 'opacity': '1' })
            $(this).css({ 'display': 'none' })
        })


        var topArray=[];
        $('.section_click').each(function(index,item){
            var value = $(item).offset().top - 210
            if (index === 0) {
                value = 0
            }
            topArray.push(value);
        })


        $('.main .types .item').click(function () {
            var value = $('.section_click').eq($(this).index()).offset().top - 200
            $('html,body').animate({
                scrollTop: value
            })
        })

        window.addEventListener('scroll',function () {
            var scroll = document.documentElement.scrollTop || document.body.scrollTop
            var index=0;
            for(var i in topArray){
                if(scroll>=topArray[i]){
                    index=i;
                }
            }
            $('.main .types .item').removeClass('active').eq(index).addClass('active')
        })


    </script>
</body>

</html>